* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.contain {
    width: 1200px;
    margin: 0 auto;
}



.name {
    width: 100px;
    height: 80px;
    margin: 30px auto !important;
    background-color: pink
}

.name:hover {
    cursor: pointer;
}

.name span {
    font-size: 30px;
    text-align: center;
    line-height: 80px;
    background-color: #5a5a5a;
}

.llllllllll {
    width: 4654px;
    height: 200px;
}

* {
    padding: 0;
    box-sizing: border-box;
}


.LXD {
    position: relative;
    margin: 100px auto;
    width: 200px;
    height: 200px;
    border-radius: 127px;
    background: #e0e0e0;
    box-shadow: inset 36px 36px 72px #5a5a5a,
        inset -36px -36px 72px #ffffff;

}

.LXD button {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 127px;
    background: #fffefe;
    box-shadow: inset 36px 36px 72px #5a5a5a,
        inset -36px -36px 72px #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}



.kisskiss {
    width: 200px;
    height: 150px;
    margin: 0 auto;
    background-image: url(./images/dollar.jpg);
    background-size: cover;
}

.kisskiss .kiss {
    transform: rotate(342deg) translateY(25px);
    background-color: transparent;
    display: block;
    margin: 0 auto;
    color: black;
    font-weight: 700;
    font-size: 20px;
    border: none;
}




.lx {
    display: flex;

}





.name {

    width: 100px;
    height: 80px;
    margin: 200px auto;
    background-color: pink;
    text-align: center;

}

.name:hover {
    cursor: pointer;
}

.name span {
    font-size: 30px;

    line-height: 80px;
    background-color: #5a5a5a;
}





.sky {
    text-align: center;
    border: 2px dashed pink;
    font-size: 40px;
    font-family: 隶书;
    color: orange;
    background-image: linear-gradient(black, red, blue, yellow);
}







HEAD * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* .LXD {} */

.w {
    margin: 20px auto;
    width: 400px;
    height: 50px;
    background-color: darkcyan;
    cursor: pointer;
}

.picture {
    width: 100%;
}

h1 {
    line-height: 50px;
    font: weight 700px;
    ;
    color: #fff;
    text-align: center;
}


.LXD {

    position: relative;
    margin: 100px auto;
    width: 200px;
    height: 200px;
    border-radius: 127px;
    background: #e0e0e0;
    box-shadow: inset 36px 36px 72px #5a5a5a,

        inset -36px -36px 72px #ffffff;

}


.LXD button {

    inset: -36px -36px 72px #ffffff;

}



.LXD button {

    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 127px;
    background: #fffefe;
    box-shadow: inset 36px 36px 72px #5a5a5a,
        inset -36px -36px 72px #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;


}


.lx {
    display: flex;

}


.lx {
    display: flex;

}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}